h3
{
	font-size:	250%;
	margin-left: 34%;
}


#space
{
	
	position: relative;
}

	
img {
    max-width: 100%;
    height: auto;
}
	

#container
{

	
	z-index:	1;
	width:	100%;
	background-color: white;
	
}


div.test
{
	
	background-color: white;
	display: none;
	width:	100%;
	height:	100%;
	position: absolute;
	max-width: 100%
	

}


#wrapper
{
	
	
	width:	100%;
	height:	100%;
	position:	relative;
	
	
}

div.links
{
	
	width:	55%;
	height:	100%;
	left:	0;
	
	position:	absolute;
	
}

div.rechts
{
	
	width:	40%;
	right:	0;
	height:	100%;
	
	position:	absolute;
    
}

.hidden>div {
    display:none;
}

.visible>div {
    display:block;
}


* {
    margin: 0;
    padding: 0;
    font-family: 'Kimberley';
}


#up {
    width: 100%;
  
 position: fixed;
    clear:both;
    float: left;
}



#nav {
    width: 100%;
    position: relative;
    
}

#nav nav {
    position: relative;
    width: 100%;
    padding-top: 10%;
    color: grey;
}

#nav a {
    
    color: grey;
    display: block;
    padding: 10px;
    text-align: right;
    text-decoration: none;
    font-size: 20px;
}

#nav a:hover, #nav a.active {
    background: white;
    color: black;
}




@font-face { font-family: 'Kimberley'; src: url('fonte.ttf') format('truetype'); }


h3 {
	font-family: Kimberley;
	font-size: 300%;
	padding-top: 2%;
	padding-bottom: 2%;
	color: grey;
	font-style: normal;
	font-weight: normal;
		
}

a {
  color: grey;
  text-decoration: none;
  outline : none;
  cursor: pointer;
}



a:active {
  background: hsla( 0, 100%, 100%, 0.5 );
  

}




p {
    font-size: 25px;
    font-family: Kimberley, arial, sans-serif;
    color: grey;
    font-weight: normal;

}

#p1 {

    line-height: 50%;

}


#p2 {

    line-height: 110%;
    font-size: 110px;
    

}

#letras {
	font-size: 20px;
	line-height: 50%;
}

#letras1 {
	font-size: 15px;
	line-height: 100%;
	
}